// 封装分类业务相关代码
import {getCategory} from '@/apis/category.js'
import {useRoute, onBeforeRouteUpdate} from 'vue-router'
import {ref} from 'vue'

export function useCategory() {
        const categoryObj = ref({})
        const route = useRoute()
        const getCategoryList = async (id = route.params.id) => {
                const res = await getCategory(id)
                categoryObj.value = res.data.result
        }
        getCategoryList()

// 目标 路由参数变化的时候 可以把分类数据接口重新发送
        onBeforeRouteUpdate((to) => {
                // 存在问题：使用最新的路由参数请求最新的分类数据
                // route.params.id = to.params.id
                getCategoryList(to.params.id)

        })
        return {
                categoryObj
        }
}
